<ui:composition xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:p="http://primefaces.org/ui"
		template="../resources/template/template_bootstrap.xhtml">

		<ui:define name="title">Cadastro de Grupos</ui:define>

		<ui:define name="conteudo">

				<p:outputPanel layout="block" rendered="#{usuarioMB.permissaoAdministrador()}">


						<h:form id="formulario">

								<h:inputHidden value="#{grupoMB.stateForm}">
								</h:inputHidden>

								<div class="row-fluid">
										<div class="span12">
												<p:messages globalOnly="true" closable="true" />
										</div>
								</div>

								<div class="row-fluid">
										<div class="span12">

												<p:dataTable id="tabela" value="#{grupoMB.grupos}"
														var="grupo" emptyMessage="Nenhum registro incluido."
														styleClass="tabela-carrinho"
														paginator="true" rows="10" rowsPerPageTemplate="10,20,30">

														<p:column headerText="Grupo" sortBy="#{grupo.nome}"
																filterBy="#{grupo.nome}">
																<h:outputText value="#{grupo.nome}" />
														</p:column>

														<p:column headerText="Descrição">
																<h:outputText value="#{grupo.descricao}" />
														</p:column>


														<p:column headerText="Ativo">
																<h:outputText value="#{grupo.ativo == true ? 'Sim' : 'Não'}" />
														</p:column>


														<p:column headerText="Ações">

																<p:commandLink process="@this" value="Editar"
																		styleClass="btn"
																		action="#{grupoMB.edit}" title="Editar Registro"
																		ajax="true" update=":formulario">
																		<f:setPropertyActionListener target="#{grupoMB.grupo}"
																				value="#{grupo}" />
																</p:commandLink>


																<p:commandLink process="@this" value="Excluir"
																		styleClass="btn"
																		title="Excluir Registro" onclick="confirmation.show()">
																		<f:setPropertyActionListener target="#{grupoMB.grupo}"
																				value="#{grupo}" />
																</p:commandLink>

														</p:column>

												</p:dataTable>

										</div>
								</div>


								<p:tabView>
										<p:tab
												title="#{grupoMB.stateForm == 'CREATE' ?
								'Cadastrar Grupo' : 'Editar Grupo'}">

												<div class="row-fluid">
														<div class="span3">
																<p:outputLabel styleClass="text-right" value="Grupo"
																		for="txtnome" />
														</div>
														<div class="span4">
																<p:inputText id="txtnome" label="grupo" required="true"
																		value="#{grupoMB.grupo.nome}" />
														</div>
														<div class="span5">
																<p:message for="txtnome" />
														</div>
												</div>



												<div class="row-fluid">
														<div class="span3">
																<p:outputLabel styleClass="text-right" value="Descricao"
																		for="txtdescricao" />
														</div>
														<div class="span4">
																<p:inputText id="txtdescricao"
																		value="#{grupoMB.grupo.descricao}" />
														</div>
												</div>

												<div class="row-fluid">
														<div class="span3">
																<p:outputLabel value="Ordem" styleClass="text-right"
																		for="txtordem" />
														</div>
														<div class="span4">
																<p:inputText id="txtordem"
																		value="#{grupoMB.grupo.ordem}" />
														</div>
												</div>

												<div class="row-fluid">
														<div class="span3">
																<p:selectBooleanCheckbox id="txtAtivo"
																		styleClass="float-right"
																		value="#{grupoMB.grupo.ativo}" />

														</div>
														<div class="span4">
																<p:outputLabel value="Ativo" for="txtAtivo" />
														</div>
												</div>


												<div class="row-fluid">
														<div class="span3">
																<p:commandLink styleClass="float-right btn" id="btnSalvar"
																		value="Salvar" actionListener="#{grupoMB.save}"
																		update=":formulario" />
														</div>
														<div class="span1">
																<p:commandLink id="btnCancelar" value="Cancelar"
																		actionListener="#{grupoMB.init}" process="@this"
																		update="@form" styleClass="btn" />
														</div>
												</div>
										</p:tab>
								</p:tabView>
						</h:form>


						<p:confirmDialog id="confirmDialog"
								message="Confirma a exclusão do registro?" header="Exclusão"
								severity="info" widgetVar="confirmation" appendToBody="true">

								<h:form id="dlg">

										<p:commandButton value="Sim" update=":formulario"
												oncomplete="confirmation.hide()"
												actionListener="#{grupoMB.delete}" />

										<p:commandButton value="Não" onclick="confirmation.hide()" />


								</h:form>

						</p:confirmDialog>

				</p:outputPanel>
		</ui:define>

</ui:composition>
